<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>太平洋账号注册页面</title>
		<link rel="stylesheet" href="css/enroll.css" type="text/css">
		<link rel="stylesheet" type="text/css" href="css/floatLogo.css"/>
	</head>
	<body>
		<img src="img/imgmove.png" width="30px"  style="position: absolute;" id="imgmove">
		<div id="right_float" >
			<a href="index.html"><img src="img/logo.png" ></a>
		</div>
		<div id="top">
			<a href="pacific.html"><img src="img/logo_channel.png" alt="" id="logo"></a>
			<span id="text"><b>通行证-手机注册</b></span>
		</div>
		<div id="center">
			<form action="" method="">
				<table class="login_box" cellpadding="0" cellspacing="0" border="0">
					<tr style="height: 10px;"></tr>
					<tr id="separate">
						<td align="right">手机：</td>
						<td colspan="2"><input type="text"  class="textbox" ></td>
					</tr>
					<tr>
						<td align="right">手机验证码：</td>
						<td colspan="2"><input type="password"  class="textbox" ></td>
					</tr>
					<tr>
						<td></td>
						<td colspan="2"><button id="but" value="免费获取短信验证码">免费获取短信验证码</button></td>
					</tr>
					<tr>
						<td align="right">密码：</td>
						<td colspan="2"><input type="password"  class="textbox" ></td>
					</tr>
					<tr>
						<td align="right" class="text">确定密码：</td>
						<td colspan="2"><input type="password"  class="textbox" ></td>
					</tr>
					<tr>
						<td align="right"><input type="checkbox"></td>
						<td><div id="text"> 我已阅读并同意 <a href="#">用户使用协议</a> 和 <a href="#">隐私政策</a></div></td>
					</tr>
					<tr>
						<td></td>
						<td ><a href="login.html"><input type="button" class="size" value="注册" 
						style="width: 220px;height: 30px;"></a></td>
					</tr>
				</table>
			</form>
		</div>
		
		
		<script type="text/javascript">
			
			var but=document.getElementById("but");
			but.addEventListener("click",function(){
				var time=59;
				but.disabled=true;
				var timer=setInterval(function(){//设置定时器
					if(time==0){
						clearInterval(timer);
						but.disabled=false;
						but.innerHTML="免费发送";
					}else{
						but.innerHTML="还剩下"+time+"秒再次发送";
						time--;
					}
				},1000);
			})
			
			var pic=document.getElementById("imgmove");//获取图片对象
			document.addEventListener('mousemove',function(e){//添加鼠标移动事件
				var x=e.pageX||e.clientX+(document.body.scrollLeft||document.documentElement.scrollLeft);//获取鼠标在文档中的x坐标
				var y=e.pageY||e.clientY+(document.body.scrollTop||document.documentElement.scrollTop);//获取鼠标在文档中的y坐标
				pic.style.left=x+2+"px";//第四象限
				pic.style.top=y+2+'px';
			})
		</script>
	</body>
</html>
